@charset "utf-8";
/* style.css style for user*/
 
/* event */
.list_event{
    width: 95%;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    padding: 0px;
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: justify;
}

.element_event{
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.title_event a{
    text-decoration: none;
    font-size: 16px;
    color: #000000;
}


.title_event a h3{
    padding: 0px;
    margin: 0px 0px;
    font-size: 18px;
    color: #009900;
    margin-left: -20px;
    margin-top: 11px;
}

.date_event{
    padding: 0px;
    margin: 5px 0px;
    font-size: 13px;
    float: left;
}

.title_event_detail h3{
    width: 90%;
    font-size: 18px;
    margin: 0px;
    padding: 0px;
     padding: 0px;
    margin: 0px 0px;
    font-size: 18px;
    color: #009900;
    margin-left: -11px;
}

.content_event{
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    padding: 0px;
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: justify;    
}
/* hoso */
div.detail{
    width: 97%;
    float: left;
    margin-left: 10px;
}

.staff-img{
    width: 20%;
    float: left;
    height: 200px;
    margin-top: 2px;
    min-height: 200px;
}


.staff-img img{
    width: 100%;
    border: 2px solid #800040;
    float: left;
    height: 150px;
    position: relative;
}

.form-change-img{
    width: 100%;
    float: left;    
}

.form-change-img input.choose-file{
    margin: 5px 0px;
    width: 100%;
}


/* END list staff manager */

div.tableStaffDetail{
    padding-top: 2px;
    width: 78%;
    float:right;
    border: black 2px;
    border-collapse: collapse;
}
div.tableStaffDetail table{
    width: 100%;
    border: 1px solid black;
    
}

div.tableStaffDetail table tbody{
    width: 100%;
    border: 1px solid black;
}

div.tableStaffDetail table tbody tr{
    width: 100%;
    
    border: 1px solid black;
}
div.tableStaffDetail table tbody tr td.txtInfor{
    font-size: 18px;
    line-height: 25px;
    height: 25px;
    text-align: center;
}
div.tableStaffDetail table tbody tr td.staffRowTitle{
    width: 30%;
    text-align: center;
    border: 1px solid black;
    background: yellow;
}

div.tableStaffDetail table tbody tr td.staffRowContent{
    width: 70%;
    margin-left: 30px;
    border: 1px solid black;
    background: #ccffff;
}
div.detail-ideal{
    width: 95%;
    float: left;
    margin-left: 10px;
}

.title-ideal{
    width: 100%;
    float: left;
    height: 30px;
    font-size: 16px;
    
}



